import React, { Component } from 'react'
import './App.css'
import Search from './components/Search'
import List from './components/List'
/* 
   快速写一个普通的前端搜索功能，需要注意的是要留意如何处理好利用axios库发送ajax请求后，对回调函数的处理
*/
export default class App extends Component {

    state = {
        userList: [],
        // 根据搜索状态来做不同的UI展示
        isFirst: true,
        loading: false,
        error: ''
    }

    // 更新结果方法
    updateAppState = (stateObj) => {
       this.setState({...stateObj})
    }

    render() {
        return (
                <div className="container">
                    <Search  updateAppState={this.updateAppState}/>
                    <List {...this.state}/>
                </div>
        )
    }
}
